<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PDFVISA</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
 
html,body,.startpage {
	height: 100%;
}

.startpage {
	display: table;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.startpage>div {
	display: table-row;
}

#topb,#footer {
	background: #242c37;
	height: 42px;
}

#mid_block {
	
}

#mid_block .mid {
	display: table-cell;
	vertical-align: middle;
}

#text {
	width: 80%;
	margin: 0 auto;
}

.ifr {
	width: 800px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -360px;
	margin-top: -90px;
}

.ifr img {
	margin: 65px 40px;
}

.circle {
	width: 200px;
	height: 200px;
	position: absolute;
	border-radius: 50%;
	background: #1295D1;;
}

.pie_left,.pie_right {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
}

.circle_left,.circle_right {
	display: block;
	width: 200px;
	height: 200px;
	background: #333f51;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	/* transform: rotate(30deg); */
}

.pie_right,.circle_right {
	clip: rect(0, auto, auto, 100px);
}

.pie_left,.circle_left {
	clip: rect(0, 100px, auto, 0);
}

.mask {
	width: 190px;
	height: 190px;
	border-radius: 50%;
	left: 5px;
	top: 5px;
	background: #272f3c;
	position: absolute;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
}
</style>
<!--[if IE]>  
<style type="text/css">  
#topb,  
#footer {  
width:100%;  
z-index:3;  
position:absolute;  
}  
#footer {  
bottom:0;  
}  
#mid_block {  
height:100%;  
z-index:1;  
position:relative;  
}  
#mid_block .mid {  
position:absolute;  
top:50%;  
width:100%;  
text-align:left;  
margin-top:-280px\0;
margin-top:-280px\9\0;
+margin-top:-280px; 
}   
</style>  
<![endif]-->
<link href="css/style.css" rel="stylesheet" />
<link href="css/media.css" rel="stylesheet" />
<link href="css/grey.css" rel="stylesheet" />
<link href="css/style6.css" rel="stylesheet" />
<link href="css/blue.css" rel="stylesheet" />
<link rel="shortcut icon" href="image/favicon.ico">
 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.form-3.51.0.js"></script> 
<script type="text/javascript" src="js/index.js"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-55130674-1', 'auto');
  ga('send', 'pageview');

</script>
</head>

<body>
	<div class="startpage">
		<!--BEGIN HEADER-->
		<div id="topb">
			<h1>
				PDF<span></span>VISA
			</h1>
			<div style="width: 100%; height: 1px; background-color: #3c495c;"></div>
			<div style="width: 100%; height: 1px; background-color: #293241;"></div>
		</div>
		<!--END HEADER-->

		<!--BEGIN MAIN-->
		<div id="mid_block">
			<div class="mid">
				<div id="text">
					<div class="title">It is never simple, but now. Translate
						full PDF file into 81 languages easily.</div>
					<div class="inner-content-upload" id="scan-file-cont"
						style="display: block;">
						<div id="uploadWithOutHtml5" class="uploadajax"  style="display: none; visibility: visible;">
							<div id="classic-upload">
								<p>
									Select a file up to 80 MB to scan with <a
										href="https://www.metascan-online.com/en/about#engines"><strong>40
											engines</strong></a>
								</p>
								<fieldset>
									<form method="post" name="uploadForm" id="uploadForm"  enctype="multipart/form-data"  action="https://www.metascan-online.com/upload" dir="ltr">
										<input type="hidden" name="MAX_FILE_SIZE" value="83886080" accept="application/pdf"/>
										<input type="file" name="file[]" id="actualFile" accept="application/pdf"/>
										<div class="fakeFile">
											<div id="fakeFileName"></div>
											<div id="fakeBrowse"></div>
										</div>
									</form>
								</fieldset>
							</div>
						</div>
						<div id="uploadWithHtml5" class="uploadajax"
							style="visibility: visible;">
							<div id="dnd">
								<ul id="fileList"></ul>
								<div id="dragclick" style="left: 42%;"></div>
								<p class="number-of-engines">Select a PDF from your computer</p>
							    <p class="or"></p>
								<p class="select-file-button">
									<a href="javascript:selectFile();">Select a file</a>
								</p>
								<form method="post" id="formwithAjax"  enctype="multipart/form-data" action="UploadPDF.do">
									<div id="slct-w">
										<input type="file" name="upload" id="slct-a" accept="application/pdf" onchange="inputchange($(this).val());"/>
										<input type="hidden" id="target" name="target" value=""/>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--END MAIN-->
		<div class="ifr" id="AC">
			<a href="javascript:selectFile();" class="a-btn left" style="text-decoration: none;"> <span></span> <span
				id="filename">文档名称.pdf</span> <span>Select another file</span>
			</a>
			<form action="https://www.metascan-online.com/upload"  enctype="multipart/form-data" id="formwithAjax-b" method="post">
				<div id="slct-w">
					<input type="file" id="slct-b" name="file[]" accept="application/pdf" onchange="inputchange($(this).val());"/>
				</div>
			</form>
			<img width="42" height="38" class="left" src="image/arrow1.png" >
			<a id="open_1" class="a-btn_blue left" style="text-decoration: none;cursor:pointer">
				<span></span> <span id="langauage1">Translate to</span> <span>Translate
					to</span>
			</a>
			<!-- 遮罩层 begin -->
			<div id="mask" style="position:relitive; top:-120px;left:100px;float:left">
				<div class="screenBox">
				<dl>
            <dd>
					<label><a class="langauaget" id="af">Afrikaans</a></label>
					<label><a class="langauaget" id="sq">Albanian</a></label>
					<label><a class="langauaget" id="ar">Arabic</a></label>
					<label><a class="langauaget" id="hy">Armenian</a></label>
					<label><a class="langauaget" id="az">Azerbaijani</a></label>
					<label><a class="langauaget" id="eu">Basque</a></label>
					<label><a class="langauaget" id="be">Belarusian</a></label>
					<label><a class="langauaget" id="bn">Bengali</a></label>
					<label><a class="langauaget" id="bs">Bosnian</a></label>
					<label><a class="langauaget" id="bg">Bulgarian</a></label>
					<label><a class="langauaget" id="ca">Catalan</a></label>
					<label><a class="langauaget" id="ceb">Cebuano</a></label>
					<label><a class="langauaget" id="zh">Chinese (Simplified)</a></label>
					<label><a class="langauaget" id="zh-TW">Chinese (Traditional)</a></label>
					<label><a class="langauaget" id="hr">Croatian</a></label>
					<label><a class="langauaget" id="cs">Czech</a></label>
					<label><a class="langauaget" id="da">Danish</a></label>
					<label><a class="langauaget" id="nl">Dutch</a></label>
					<label><a class="langauaget" id="en">English</a></label>
					<label><a class="langauaget" id="eo">Esperanto</a></label>
					<label><a class="langauaget" id="et">Estonian</a></label>
					<label><a class="langauaget" id="tl">Filipino</a></label>
					<label><a class="langauaget" id="fi">Finnish</a></label>
					<label><a class="langauaget" id="fr">French</a></label>
					<label><a class="langauaget" id="gl">Galician</a></label>
					<label><a class="langauaget" id="ka">Georgian</a></label>
					<label><a class="langauaget" id="de">German</a></label>
					<label><a class="langauaget" id="el">Greek</a></label>
					<label><a class="langauaget" id="gu">Gujarati</a></label>
					<label><a class="langauaget" id="ht">Haitian Creole</a></label>
					<label><a class="langauaget" id="ha">Hausa</a></label>
					<label><a class="langauaget" id="iw">Hebrew</a></label>
					<label><a class="langauaget" id="hi">Hindi</a></label>
					<label><a class="langauaget" id="hmn">Hmong</a></label>
					<label><a class="langauaget" id="hu">Hungarian</a></label>
					<label><a class="langauaget" id="is">Icelandic</a></label>
					<label><a class="langauaget" id="ig">Igbo</a></label>
					<label><a class="langauaget" id="id">Indonesian</a></label>
					<label><a class="langauaget" id="ga">Irish</a></label>
					<label><a class="langauaget" id="it">Italian</a></label>
					<label><a class="langauaget" id="ja">Japanese</a></label>
					<label><a class="langauaget" id="jw">Javanese</a></label>
					<label><a class="langauaget" id="kn">Kannada</a></label>
					<label><a class="langauaget" id="km">Khmer</a></label>
					<label><a class="langauaget" id="ko">Korean</a></label>
					<label><a class="langauaget" id="lo">Lao</a></label>
					<label><a class="langauaget" id="la">Latin</a></label>
					<label><a class="langauaget" id="lv">Latvian</a></label>
					<label><a class="langauaget" id="lt">Lithuanian</a></label>
					<label><a class="langauaget" id="mk">Macedonian</a></label>
					<label><a class="langauaget" id="ms">Malay</a></label>
					<label><a class="langauaget" id="mt">Maltese</a></label>
					<label><a class="langauaget" id="mi">Maori</a></label>
					<label><a class="langauaget" id="mr">Marathi</a></label>
					<label><a class="langauaget" id="mn">Mongolian</a></label>
					<label><a class="langauaget" id="ne">Nepali</a></label>
					<label><a class="langauaget" id="no">Norwegian</a></label>
					<label><a class="langauaget" id="fa">Persian</a></label>
					<label><a class="langauaget" id="pl">Polish</a></label>
					<label><a class="langauaget" id="pt">Portuguese</a></label>
					<label><a class="langauaget" id="pa">Punjabi</a></label>
					<label><a class="langauaget" id="ro">Romanian</a></label>
					<label><a class="langauaget" id="ru">Russian</a></label>
					<label><a class="langauaget" id="sr">Serbian</a></label>
					<label><a class="langauaget" id="sk">Slovak</a></label>
					<label><a class="langauaget" id="sl">Slovenian</a></label>
					<label><a class="langauaget" id="so">Somali</a></label>
					<label><a class="langauaget" id="es">Spanish</a></label>
					<label><a class="langauaget" id="sw">Swahili</a></label>
					<label><a class="langauaget" id="sv">Swedish</a></label>
					<label><a class="langauaget" id="ta">Tamil</a></label>
					<label><a class="langauaget" id="te">Telugu</a></label>
					<label><a class="langauaget" id="th">Thai</a></label>
					<label><a class="langauaget" id="tr">Turkish</a></label>
					<label><a class="langauaget" id="uk">Ukrainian</a></label>
					<label><a class="langauaget" id="ur">Urdu</a></label>
					<label><a class="langauaget" id="vi">Vietnamese</a></label>
					<label><a class="langauaget" id="cy">Welsh</a></label>
					<label><a class="langauaget" id="yi">Yiddish</a></label>
					<label><a class="langauaget" id="yo">Yoruba</a></label>
					<label><a class="langauaget" id="zu">Zulu</a></label>
				</dd> 
          </dl>
        </div>
			</div>
			<!-- 遮罩层 end -->

			<img id="left-a" width="42" height="38" class="left" src="image/arrow2.png">
			<a class="a-btn_grey left" id="starting"
				style="text-decoration: none;cursor:pointer"> <span></span> <span>Start</span>
				<span></span>
			</a>
		</div>
		<!--BEGIN loading-->
		<div id="LOADING"  style="position: absolute; left: 50%; Top: 50%; margin-top: -68px; z-index: 1; margin-left: -125px;">
			<div class="circle">
				<div class="pie_left">
					<div class="circle_left" id="loadleft"></div>
				</div>
				<div class="pie_right">
					<div class="circle_right" id="loadright"></div>
				</div>
				<div class="mask">
					<p style="margin-top: 60px;" id="processname">Translating</p>
					<span id="process">0%</span>
				</div>
			</div>
		</div>
		<!--END loading-->
		<!--Begin Download-->
		<div style="position: absolute; left: 50%; Top: 50%; margin-top: -98px; z-index: 1; margin-left: -125px;" id="download">
			<div class="a-btn_blue"  style="width: 200px; height: 200px; text-align: center;cursor:pointer">
				<div style="margin-top: 40px;">
					<p style="margin-bottom: 10px">
						<img src="image/success.png" />
					</p>
					Click to Download
				</div>
			</div>
		</div>
		<!--END Download-->
		<!--BEGIN FOOTER-->
		<div id="footer">
			<div style="width: 100%; height: 1px; background-color: #3c495c;"></div>
			<div style="width: 100%; height: 1px; background-color: #293241;"></div>
			<div class="left" style="margin-left: 30px; margin-top: 10px">
				<a href="http://www.foxitcloud.com/page.html?tab=policy">
					Privacy Policy</a> | <a
					href="http://www.foxitcloud.com/page.html?tab=terms"> Terms of
					use</a> | <a href="http://www.foxitcloud.com/page.html?tab=third">
					Third Party</a> | <a
					href="http://www.foxitcloud.com/page.html?tab=about"> About
					Foxit</a>
			</div>
			<div class="right" style="margin-right: 30px; margin-top: 10px">©2013-2014
				Foxit Software Inc . All rights reserved.</div>
		</div>
		<!--END FOOTER-->
	</div>
</body>
</html>
